<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Registration</title>
<link rel="stylesheet" type="text/css" href="resources/css/style.css" />
<link rel="stylesheet" type="text/css"
	href="resources/bootstrap/css/bootstrap.css" />
<script type="text/javascript" src="resources/js/psycho.js"></script>
<script type="text/javascript" src="resources/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="resources/js/validation.js"></script>
<script type="text/javascript" src="resources/js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="resources/bootstrap/js/bootstrap.js"></script>
</head>
<body>
	<jsp:include page="parts/navigation.jsp"></jsp:include>
	

	<div id="regForm">
		<form class="form-horizontal" role="form" id="account-data-form"
			method="POST" action="registration">
			<div class="form-group">
				<label for="inputLogin" class="col-sm-3 control-label">
					Login </label>
				<div class="col-xs-6">
					<input type="text" class="form-control" id="inputLogin"
						name="inputLogin" placeholder="Login"> <span
						class="statusLogin"></span>
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword" class="col-sm-3 control-label">
					Password </label>
				<div class="col-xs-6">
					<input type="password" class="form-control" id="inputPassword"
						name="inputPassword" placeholder="Password">
				</div>
			</div>
			<div class="form-group">
				<label for="inputConfirmPassword" class="col-sm-3 control-label">
					Confirm password </label>
				<div class="col-xs-6">
					<input type="password" class="form-control"
						id="inputConfirmPassword" name="inputConfirmPassword"
						placeholder="Confirm password">
				</div>
			</div>
			<div class="form-group">
				<label for="inputEmail" class="col-sm-3 control-label">
					Email </label>
				<div class="col-xs-6">
					<input type="email" class="form-control" id="inputEmail"
						name="inputEmail" placeholder="email"> <span
						class="statusEmail"></span>
				</div>
			</div>
			<div class="form-group">
				<label for="inputFName" class="col-sm-3 control-label">
					First name </label>
				<div class="col-xs-6">
					<input type="text" class="form-control" id="inputFName"
						name="inputFName" placeholder="First name">
				</div>
			</div>
			<div class="form-group">
				<label for="inputLName" class="col-sm-3 control-label"> Last
					name </label>
				<div class="col-xs-6">
					<input type="text" class="form-control" id="inputLName"
						name="inputLName" placeholder="Last name">
				</div>
			</div>
			<div class="form-group" style="color: red">
				<label for="sex" class="col-sm-3 control-label"> Sex </label>
				<div class="col-xs-6">
					<input type="radio" value="male" name="sex"> Male <input
						type="radio" value="female" name="sex"> Female
				</div>
			</div>
			<div class="form-group">
				<label for="birthday" class="col-sm-3 control-label"> Date
					Of Birth </label>
				<div class="col-xs-6" id="birthday">
					<label for="year" class="col-sm-2 control-label"> Year </label>
					<div class="col-xs-2">
						<input type="text" class="form-control" id="year" name="year"
							placeholder="year">
					</div>
					<label for="munth" class="col-sm-2 control-label"> Month </label>
					<div class="col-xs-2">
						<input type="text" class="form-control" id="month" name="month"
							placeholder="month">
					</div>
					<label for="day" class="col-sm-2 control-label"> Day </label>
					<div class="col-xs-2">
						<input type="text" class="form-control" id="day" name="day"
							placeholder="day">
					</div>
				</div>
			</div>

			<div class="form-group">
				<div class="col-xs-offset-2 col-xs-6 text-right">
					<button type="submit" class="btn btn-info">Register</button>
				</div>
			</div>
		</form>
	</div>

</body>
</html>